<!DOCTYPE html>
<html lang="en">

<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <meta charset="utf-8">
  <title></title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
  <meta name="description" content="">
  <meta name="author" content="">
  <!-- STYLESHEETS -->
  <!--[if lt IE 9]><script src="../../js/flot/excanvas.min.js"></script><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script><![endif]-->
  <link rel="stylesheet" type="text/css" href="../../css/cloud-admin.css">
  <link rel="stylesheet" type="text/css" href="../../css/themes/default.css" id="skin-switcher">
  <link rel="stylesheet" type="text/css" href="../../css/responsive.css">
  <link href="../../font-awesome/css/font-awesome.min.css" rel="stylesheet">
  <!-- SELECT2 -->
  <link rel="stylesheet" type="text/css" href="../../js/select2/select2.min.css" />
  <!-- UNIFORM -->
  <link rel="stylesheet" type="text/css" href="../../js/uniform/css/uniform.default.min.css" />
  <!-- datatable -->
  <link rel="stylesheet" href="../../js/datatables/datatable.css">
  <link rel="stylesheet" href="../../js/datepicker/datepicker.css">
  <!-- FONTS 
	<link href='http://fonts.useso.com/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css'>
-->
  <style>
    .form-group {
      margin-bottom: 10px;
    }
    .datatable .btn + .btn{
      margin-left: 8px;
    }
    .m-label {
      line-height: 34px;
    }
    .color-red {
      color: red;
    }
    .dataTables_scrollHeadInner {
      width: auto !important;
    }
    .dataTables_scrollHeadInner table {
      width:  100% !important;
    }
    .dataTables_scrollHeadInner table th {
      text-align: center;
    }
    .dataTables_scrollBody table td {
      text-align: center;
    }
    .dataTables_scrollBody table tr td:last-child {
      text-align: left;
    } 
  </style>
</head>

<body>
  <header class="navbar clearfix" id="header">
  </header>
  <!-- PAGE -->
  <section id="page">
    <!-- SIDEBAR -->
    <div id="sidebar" class="sidebar">
      <div class="sidebar-menu nav-collapse">

        <!-- SIDEBAR MENU -->
        <ul>

        </ul>
        <!-- /SIDEBAR MENU -->
      </div>

    </div>
    <!-- /SIDEBAR -->
    <div id="main-content">
      <!-- /SAMPLE BOX CONFIGURATION MODAL FORM-->
      <div class="container">
        <div class="row">
          <div id="content" class="col-lg-12">
            <!-- PAGE HEADER-->
            <div class="row">
              <div class="col-sm-12">
                <div class="page-header">
                  <!-- STYLER -->
                  <!-- /STYLER -->
                  <!-- BREADCRUMBS -->
                  <ul class="breadcrumb">
                    <li>
                      <i class="fa fa-home"></i>
                      <a href="index.html">首页</a>
                    </li>
                    <li>
                      <a href="#">批发模式</a>
                    </li>
                    <li>结算管理</li>
                  </ul>
                  <!-- /BREADCRUMBS -->
                </div>
              </div>
            </div>
            <!-- /PAGE HEADER -->
            <!-- FORMS QUERY-->
            <div class="row">
              <!-- TABLES -->
              <div class="col-md-12">
                <!-- BOX -->
                <div class="box border primary">
                  <div class="box-title">
                    <h4><i class="fa fa-table"></i>明细：<span id="total"></span>条</h4>

                  </div>
                  <div class="box-body">
                    <table id="db_Promotion_list" cellpadding="0" cellspacing="0" border="0" class="datatable table table-striped table-bordered table-hover">
                    </table>
                  </div>
                </div>
                <!-- /BOX -->
              </div>
            </div>
            <!-- /TABLES -->
            <div class="footer-tools">
              <span class="go-top">
                <i class="fa fa-chevron-up"></i> Top
              </span>
            </div>
          </div><!-- /CONTENT-->
        </div>
      </div>
    </div>
  </section>
  <!--/PAGE -->
  <!-- JAVASCRIPTS -->
  <!-- Placed at the end of the document so the pages load faster -->
  <!-- JQUERY -->
  <script src="../../js/jquery/jquery-2.0.3.min.js"></script>

  <!-- BOOTSTRAP -->
  <script src="../../bootstrap-dist/js/bootstrap.min.js"></script>
  <!-- BLOCK UI -->
  <script type="text/javascript" src="../../js/jQuery-BlockUI/jquery.blockUI.min.js"></script>

  <!-- AUTOSIZE -->
  <script type="text/javascript" src="../../js/autosize/jquery.autosize.min.js"></script>
  <!-- spinner -->
  <script src="../../js/spinner/spin.js"></script>
  <!-- DATA TABLES -->
  <script type="text/javascript" src="../../js/datatables/bootstrap-select.js"></script>
  <script type="text/javascript" src="../../js/datatables/datatable.js"></script>
  <script type="text/javascript" src="../../js/datatables/datatable-bootstrap.js"></script>
  <script type="text/javascript" src="../../js/datatables/datatable-tabletools.js"></script>
  <script type="text/javascript" src="../../js/datatables/fnAddTr.js"></script>

  <!-- INPUT MASK -->
  <script type="text/javascript" src="../../js/bootstrap-inputmask/bootstrap-inputmask.min.js"></script>

  <!-- SELECT2 -->
  <script type="text/javascript" src="../../js/select2/select2.min.js"></script>
  <!-- UNIFORM -->
  <script type="text/javascript" src="../../js/uniform/jquery.uniform.min.js"></script>
  <script type="text/javascript" src="../../js/datepicker/datepicker.js"></script>
  <!-- COOKIE -->
  <script type="text/javascript" src="../../js/jQuery-Cookie/jquery.cookie.min.js"></script>
  <script type="text/javascript" src="../../js/bootbox/bootbox.min.js"></script>
  <!-- CUSTOM SCRIPT -->
  <script src="../../js/script.js"></script>
  <script src="../../js/common.js"></script>
  <script>
    var Promotion = function () {
      var $mainDataTable = null;
      var searchPromotion = function () {
        var billCode = $.getUrlParam('billCode')
        console.log(billCode)
        var url = App.getContextPath() + "admin/wholesaleprebill/searchPrebillRecord.do?billCode=" + billCode;
        var dtSetting = $.dataTableSetting({
          "ajaxSource": url,
          "serverSide": true,
          "bFilter": false, // 去掉搜索框
          "bLengthChange": true, // 每页显示数量							
          "sScrollX": "100%",
          "sScrollXInner": "100%",
          "iDisplayLength": 25,
          "bSort": false,
          "aoColumns": [{
            "mDataProp": "prebillCode",
            "sTitle": "预结算单号",
            "width": "16%"
          }, {
            "sTitle": "预结金额",
            "width": "16%",
            "render": function (data, type, row) {
              return format_thousands(row.prebillPrice);
            }
          }, {
            "sTitle": "类型",
            "mDataProp": "recordTypeDesc",
            "width": "16%"
          }, {
            "sTitle": "时间段",
            "width": "16%",
            "render":function(data, type, row){
								   return $.getLocalDate(row.startDate) + '-' + $.getLocalDate(row.endDate);
								}
          }, {
            "sTitle": "备注",
            "width": "16%",
            "mDataProp": "remark",
          }, {
            "sTitle": "操作",
            "width": "16%",
            "render": function (data, type, row) {
              var str = '';
              if (row.recordType == 'Order' || row.recordType == 'ReturnOrder') {
                str += "<a class='btn btn-success btn-xs btn-width btn-mx' recordType=" + row.recordType + " prebillCode=" + row.prebillCode + " target='_blank'><i class='fa fa-file'></i> 明细</a>"
                str += "<a class='btn btn-primary btn-xs btn-width btn-dc' prebillCode=" + row.prebillCode + " href='javascript:void(0)'><i class='fa fa-download'></i> 导出</a>"
              }
              return str;
            }
          }]
        });
        $mainDataTable = $("#db_Promotion_list").dataTable(dtSetting);
      };
      return {
        init: function () {
          $.initDate($("#form_Promotion"), 0, 0);
          searchPromotion();
        }
      }
    }();
    $(function () {
      $("#header").load("../head.html");
      App.init(); //Initialise plugins and elements
      $("body").on('click', '.btn-dc', function() {
        var prebillCode = $(this).attr('prebillCode')
        location.href = App.getContextPath() + "admin/wholesaleprebill/exportRecordDetail.do?prebillCode=" + prebillCode;
      });
      $("body").on('click', '.btn-mx', function() {
        var prebillCode = $(this).attr('prebillCode')
        var recordType = $(this).attr('recordType')
        if (recordType == 'Order') {
          window.open('./orderInquiry.html?prebillCode=' + prebillCode)
        } else {
          window.open('./return_list.html?prebillCode=' + prebillCode)
        }
      });
      Promotion.init();
    });
  </script>
  <!-- /JAVASCRIPTS -->
</body>

</html>